<!--
轮播图组件banne
items:轮播图图片列表
imgHeight:图片宽度 ，高度根据宽度自适应
-->
<template>
  <div id="banne">
    <el-carousel :height="imgHeight">
      <el-carousel-item v-for="item in items" :key="item">
        <div>
          <img class="banne-img" :src="item">
        </div>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
export default {
  name: 'banne',
  data: () => {
    return {
      imgHeight: '370.3125px',
      items: [
        './static/images/banne_1.jpg',
        './static/images/banne_2.jpg'
      ]
    }
  }
}
</script>

<style lang="scss">
  #banne {
    width: 1000px;
    margin: 0 auto;
    & .banne-img {
      width: 100%;
     }
  }
</style>
